<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:mo="https://gitee.com/aun/Timo">
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
</head>
<body>
<div class="timo-detail-page">
    <div class="timo-detail-title">详细信息</div>
    <table class="layui-table timo-detail-table">
        <tbody>
        <tr>
            <th width='100px'>banner名称</th>
            <td th:text="${banner.names}"></td>
            <th width='100px'>Banner图片</th>
            <td>
                <img th:src="${banner.imgUrl}">
            </td>
        </tr>
        <tr>
            <th width='100px'>是否跳转</th>
            <th:block th:switch="${banner.forwards}">
                <td th:case="0" style="color: #8F1D78">不跳转</td>
                <td th:case="1" style="color: #1E9FFF">跳转</td>
            </th:block>
            <th width='100px'>跳转类型</th>
            <th:block th:switch="${banner.kinds}">
                <td th:case="0" style="color: #01AAED">外部链接</td>
                <td th:case="1" style="color: #44B549">小程序页</td>
                <td th:case="2" style="color: #8F1D78">不跳转</td>
            </th:block>
        </tr>
        <tr>
            <th width='100px'>跳转地址</th>
            <td th:text="${banner.imgLinks}"></td>
            <th width='100px'>状态</th>
            <th:block th:switch="${banner.states}">
                <td th:case="0" style="color: #00B83F">启用中</td>
                <td th:case="1" style="color: #FF0000">停用</td>
            </th:block>
        </tr>
        <tr>
            <th width='100px'>创建时间</th>
            <td th:text="${#dates.format(banner.createTime, 'yyyy-MM-dd HH:mm:ss')}"></td>
            <th width='100px'>备注</th>
            <td th:text="${banner.remark}"></td>
        </tr>
        </tbody>
    </table>

    <!--<div th:replace="/common/fragment :: log(${banner})"></div>-->
</div>
<script th:replace="/common/template :: script"></script>
</body>
</html>